<!doctype html>  

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

<head>

<!-- BEGIN Meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>A jQuery powered HTML5 navigation menu</title>

<!-- css menu -->
<!--<link rel="stylesheet" href="css/demo.css">-->
<link rel="stylesheet" href="css/navbar.css">


<!-- BEGIN JavaScript -->
<script type="text/javascript" src=""></script>
<script type="text/javascript"> 
$(document).ready(function(){

	// Requried: Navigation bar drop-down
	$("nav ul li").hover(function() {
		$(this).addClass("active");
		$(this).find("ul").show().animate({opacity: 1}, 400);
		},function() {
		$(this).find("ul").hide().animate({opacity: 0}, 200);
		$(this).removeClass("active");
	});
	
	// Requried: Addtional styling elements
	$('nav ul li ul li:first-child').prepend('<li class="arrow"></li>');
	$('nav ul li:first-child').addClass('first');
	$('nav ul li:last-child').addClass('last');
	$('nav ul li ul').parent().append('<span class="dropdown"></span>').addClass('drop');

});
</script>
<!-- Fim JavaScript -->
</head>

<body>
	<div class="wrapper">
		<!-- BEGIN Dark navigation bar -->
		<nav class="dark">
			<ul class="clear">
				<li><a href="index.php">HOME</a></li>
				<li><a href="login.php">LOGIN</a></li>
				<li><a href="formulario.php">Cadastre-se</a>
				</li>
				<li><a href="artigos.php">Artigos</a></li>
				<li><a href="sobre.php">Sobre</a></li>
				<li><a href="galeria.php">Galeria</a></li>
			</ul>
		</nav>
		<!-- END Dark navigation bar -->
		
	</div>
	
</body>
</html>